/*
 * 面向属性的 CSS
 */

// layout  布局
.isNone {
  display: none;
}
.isBlock {
  display: block;
}
.mar-top20 {
  margin-top: 20px;
}
.mar-bot20 {
  margin-bottom: 20px;
}
// 底部3像素排版
.va-top {
  vertical-align: top;
}
.va-bot {
  vertical-align: bottom;
}
.va-mid {
  vertical-align: middle;
}

.mar-to-bot-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.borbox {
  box-sizing: border-box;
}
// 圆角边框
.bor-rad20 {
  border-radius: 20px;
}
.disflex {
  display: flex;
}
.fdc {
  flex-direction: column;
}
.jcenter {
  justify-content: center;
}
.acenter {
  align-items: center;
}
.jcsb {
  justify-content: space-between;
}
.jcsa {
  justify-content: space-around;
}
.just-sp-eve {
  justify-content: space-evenly;
}
.alin-cent {
  align-items: center;
}

.flex {
  flex: 1;
}
// 定位
.abs {
  position: absolute;
}
.rel {
  position: relative;
}
.fix {
  position: fixed;
}
// 字体大小 fontsize
.f12 {
  font-size: 12px;
}
.f14 {
  font-size: 14px;
}
.f16 {
  font-size: 16px;
}
.f18 {
  font-size: 18px;
}
.f20 {
  font-size: 20px;
}
.f22 {
  font-size: 22px;
}
.f24 {
  font-size: 24px;
}
//字体y
.fontWhite {
  color: white;
}
.font-cent {
  text-align: center;
}
.font-left {
  text-align: left;
}
.font-right {
  text-align: right;
}
//  公共样式
body,
html {
  -ms-overflow-style: none;
}
::-webkit-scrollbar {
  display: none;
}
main {
  overflow: hidden;
}
body {
  width: 414px;
  height: 736px;
  margin: 0 auto;
}
header {
  div {
    height: 44px;
  }
  .hair {
    height: 44px;
    width: 100%;
  }
}
// footer样式
footer {
  z-index: 45;
  bottom: 0;
  background-color: #ffffff;
  height: 77px;
  width: 100%;
  ul {
    height: 100%;
    li {
      span {
        // 更改字体图标样式
        // color: aqua;
        width: 40px;
        height: 40px;
      }
      p {
        text-align: center;
        line-height: 18px;
        font-size: 16px;
      }
    }
    li.active {
      color: #4294ff;
    }
  }
}
.changeTab {
  height: 57px;
  width: 100%;
  padding: 0 20px;
  justify-content: space-around;
  align-items: center;
  border-bottom: 1px solid rgba(221, 221, 221);
  box-sizing: border-box;
  p {
    font-size: 16px;
    a {
      color: rgba(154, 154, 154, 1);
    }
  }
  p.active {
    line-height: 48px;
    border-bottom: 3px solid rgba(170, 217, 247, 1);
    a {
      color: rgba(66, 148, 255, 1);
    }
    font-size: 20px;
  }
}
// new
.fdc {
  flex-direction: column;
}
.oscroll {
  overflow: scroll;
}
.p5 {
  padding: 5%;
}
